<template>
  <div  class="headerWrapper">
    <div  id="v3-banner">
      您正在浏览基于 Vue 2.x 的文档;
      <a  href="https://element-plus.org/#/zh-CN">点击查看 Vue 3.x 版本。</a>
      开源自研多端框架 MorJS，
      <a  href="https://github.com/eleme/morjs">欢迎点击查看或试用 👏🏻</a></div>
  </div>
</template>
<script>
export default {
  name: 'Home'
}
</script>

<style lang="scss" scoped>
.headerWrapper {
    height: 80px;
}
#v3-banner {
    background-color: #409eff;
    min-height: 30px;
    padding: 5px 60px;
    z-index: 19;
    box-sizing: border-box;
    text-align: center;
    color: #eee;
    a {
      color: #fff;
      font-weight: 700;
  }
}

</style>